<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF8">
    <title>202435710145+张承志</title>
    
  </head>
  <body>
    <font face="黑体" size = "7" color="blue">《6级标题》</font>
    <p>HTML通过h1~h6提供6级标题:</p>
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
    <font face="黑体" size="7" color="blue">《段落及其对齐》</font>
    <p>HTML使用p标记定义段落并通过align属性设置段落中文字的对齐方式:</p>
    <p align="left">通过将p标记的align属性设置为left而使得段落文字左对齐</p>
    <p align="center">通过p标记的align属性设置为center而使得本段落文字中对齐</p>
    <p align="right">通过将p标记的align属性设置为right而使得本段落文字右对齐</p>
    <font face="黑体" size="7" color="blue">《水平线》</font>
     <hr size="1" width="100%" color="brown">
     <hr size="5px" color="yellow">
     <hr size="2px" width="100px" align="left" color="red">
     <hr size="px" width="100px" align="center" color="green">
     <hr size="2px" width="100px" align="right" color="blue">
     <hr size="2px" width="20%" align="left" color="red">
     <font face="黑体" size="7" color="blue">《文字的修饰》</font>
     <p>为了像word等软件一样,能对文字段落中的某些内容予以强调:HTML也提供了一些必要的标记:</p>
     <p><b>为了像word等软件一样,能对文字段落中的某些内容予以强调:HTML也提供了一些必要的标记:</b></p>
     <p><i>为了像word等软件一样,能对文字段落中的某些内容予以强调:HTML也提供了一些必要的标记:</i></p>
     <p><u>为了像word等软件一样,能对文字段落中的某些内容予以强调:HTML也提供了一些必要的标记:</u></p>
     <p><del>为了像word等软件一样,能对文字段落中的某些内容予以强调:HTML也提供了一些必要的标记:</del></p>
     <mark>为了像word等软件一样,能对文字段落中的某些内容予以强调:HTML也提供了一些必要的标记:</mark>
     <font face="黑体" size="7" color="blue">《特殊字符》</font>
      <p>空格&nbsp    小于号&lt   大于号&gt   和号&amp    人民币符号&yen  版权符号&copy   注册商标符号&reg  
          摄氏度符号&deg  正负号&plusmn   乘号&times  除号&divide 平方（上标2）&sup2   立方（上标3）&sup3
        2<sup>16</sup> CO<sub>2</sub>  <ruby>老文<rt>laowen</rt></ruby></p>
     <font face="黑体" size="7" color="blue">《图像》</font>
     <img src="过年啦.gif" width="10%" align="left" />
     <img src="过年啦.gif" width="10%" align="right" /><br><br><br><br><br><br><br><br>
     
     <p>图像与段落中<img src="MT.jpg" align="top" />字顶端对齐。</p><br><br>

     
     <p>图像与段落中<img src="MT.jpg" align="middle" />字中间对齐</p><br><br>

   
     <p>图像与段落中<img src="MT.jpg" align="bottom" />字低端对齐</p>
     

  </body>
  </html>
  